草庐IT

IOS OpenGL ES 波浪特效

全部标签

特效侧用户体验优化实战 —— 包体积篇

​1特效包体积之于抖音1.1一句话解释包体积是什么?包体积主要指的是应用安装包大小的体积,比如AppStore里的安装包显示的安装大小。1.2为什么要优化包体积?随着应用的能力更新迭代,应用安装包体积将逐步增大,用户下载应用消耗流量产生资费进一步增长,用户下载意愿会相对下降;另一方面,随着包体积增大,安装应用的时间会相对变长,影响用户使用感受;对于ROM较小的低端手机,应用解压后内存占用更大,部分手机管家会提示内存不足提示卸载,直接影响用户使用。1.3特效侧在抖音里的包体积贡献抖音目前由多条业务线组成,每条业务线都类似中台的角色,特效中台是抖音其中一环;目前,特效由effect和lab聚合为E

特效侧用户体验优化实战 —— 包体积篇

​1特效包体积之于抖音1.1一句话解释包体积是什么?包体积主要指的是应用安装包大小的体积,比如AppStore里的安装包显示的安装大小。1.2为什么要优化包体积?随着应用的能力更新迭代,应用安装包体积将逐步增大,用户下载应用消耗流量产生资费进一步增长,用户下载意愿会相对下降;另一方面,随着包体积增大,安装应用的时间会相对变长,影响用户使用感受;对于ROM较小的低端手机,应用解压后内存占用更大,部分手机管家会提示内存不足提示卸载,直接影响用户使用。1.3特效侧在抖音里的包体积贡献抖音目前由多条业务线组成,每条业务线都类似中台的角色,特效中台是抖音其中一环;目前,特效由effect和lab聚合为E

[WPF] 抄抄超强的苹果官网滚动文字特效实现

1.前言今天ChokCoco大佬发布了一篇博客超强的苹果官网滚动文字特效实现,iPhone我是买不起的,但不妨碍我对抄特效感兴趣,正好我这周安排的工作已经完成了,于是有空练练手实现了一个WPF版本。最终效果如下:2.原理这个特效的原理在ChokCoco的文章里已经讲解得很详细了,简单来说只有两部:1,在前面固定一个黑色的图层,但是裁剪出文字的形状。2,在背景放一个渐变色的图层,滚动页面时透过前面图层的镂空部分观察到这个移动的渐变色的图层,随着页面的向下滚动,整个文字从无到出现,再经历一轮渐变色的变化,最后再逐渐消失。所以我们主要做的有两样:一个镂空的图层,一个渐变的图层。3.使用自定义Effe

[WPF] 抄抄超强的苹果官网滚动文字特效实现

1.前言今天ChokCoco大佬发布了一篇博客超强的苹果官网滚动文字特效实现,iPhone我是买不起的,但不妨碍我对抄特效感兴趣,正好我这周安排的工作已经完成了,于是有空练练手实现了一个WPF版本。最终效果如下:2.原理这个特效的原理在ChokCoco的文章里已经讲解得很详细了,简单来说只有两部:1,在前面固定一个黑色的图层,但是裁剪出文字的形状。2,在背景放一个渐变色的图层,滚动页面时透过前面图层的镂空部分观察到这个移动的渐变色的图层,随着页面的向下滚动,整个文字从无到出现,再经历一轮渐变色的变化,最后再逐渐消失。所以我们主要做的有两样:一个镂空的图层,一个渐变的图层。3.使用自定义Effe

Python图像处理丨5种图像处理特效

摘要:本篇文章主要讲解了图像常见的特效处理,从处理效果图、算法原理、代码实现三个步骤进行详细讲解,涉及图像素描特效、怀旧特效、光照特效、流年特效、图像滤镜等。本文分享自华为云社区《[Python图像处理]二十五.图像特效处理之素描、怀旧、光照、流年以及滤镜特效》,作者:eastmount。一.图像素描特效图像素描特效会将图像的边界都凸显出来,通过边缘检测及阈值化处理能实现该功能。一幅图像的内部都具有相似性,而在图像边界处具有明显的差异,边缘检测利用数学中的求导来扩大这种变化。但是求导过程中会增大图像的噪声,所以边缘检测之前引入了高斯滤波降噪处理。本文的图像素描特效主要经过以下几个步骤:调用cv

Python图像处理丨5种图像处理特效

摘要:本篇文章主要讲解了图像常见的特效处理,从处理效果图、算法原理、代码实现三个步骤进行详细讲解,涉及图像素描特效、怀旧特效、光照特效、流年特效、图像滤镜等。本文分享自华为云社区《[Python图像处理]二十五.图像特效处理之素描、怀旧、光照、流年以及滤镜特效》,作者:eastmount。一.图像素描特效图像素描特效会将图像的边界都凸显出来,通过边缘检测及阈值化处理能实现该功能。一幅图像的内部都具有相似性,而在图像边界处具有明显的差异,边缘检测利用数学中的求导来扩大这种变化。但是求导过程中会增大图像的噪声,所以边缘检测之前引入了高斯滤波降噪处理。本文的图像素描特效主要经过以下几个步骤:调用cv

记录--vue+three,制作iview大波浪特效

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助一、效果图具体效果可参考iview官方界面iView-一套高质量的UI组件库 大波浪效果,使用的是three.js的官方例子,需要先安装three.js支持npminstall--savethree具体可以看 three.jsexamples(threejs.org)二、代码//添加容器 //引入three.jsimport*asTHREEfrom'three'exportdefault{props:{amountX:{type:Number,default:50},amountY:{type:Number,default:50},/

记录--vue+three,制作iview大波浪特效

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助一、效果图具体效果可参考iview官方界面iView-一套高质量的UI组件库 大波浪效果,使用的是three.js的官方例子,需要先安装three.js支持npminstall--savethree具体可以看 three.jsexamples(threejs.org)二、代码//添加容器 //引入three.jsimport*asTHREEfrom'three'exportdefault{props:{amountX:{type:Number,default:50},amountY:{type:Number,default:50},/

【前端特效】程序员给你的专属告白,快来转发给你心爱的那个她吧!

【前端特效】程序员给你的专属告白,快来转发给你心爱的那个她吧!点击打开视频讲解更加详细{{item.name}}exportdefault{name:"word-cloud",data(){return{timer:50,//球体转动速率radius:0,//词云球体面积大小dtr:Math.PI/180,//鼠标滑过球体转动速度active:false,//默认加载是否开启转动lasta:0,//上下转动lastb:0.5,//左右转动distr:true,tspeed:0,//鼠标移动上去时球体转动mouseX:0,mouseY:0,tagAttrList:[],tagContent:nu

【前端特效】程序员给你的专属告白,快来转发给你心爱的那个她吧!

【前端特效】程序员给你的专属告白,快来转发给你心爱的那个她吧!点击打开视频讲解更加详细{{item.name}}exportdefault{name:"word-cloud",data(){return{timer:50,//球体转动速率radius:0,//词云球体面积大小dtr:Math.PI/180,//鼠标滑过球体转动速度active:false,//默认加载是否开启转动lasta:0,//上下转动lastb:0.5,//左右转动distr:true,tspeed:0,//鼠标移动上去时球体转动mouseX:0,mouseY:0,tagAttrList:[],tagContent:nu